.Slider{
    width: 100%;
    height: 340px;
    position: relative;
    span{
        display: block;
        width: 35px;
        height: 64px;
        background: url(../../static/images/common.png) no-repeat;
        cursor: pointer;
        &.prev{
            position: absolute;
            top: 50%;
            margin-top: -32px;
            left: 0;
            background-position: -19px -165px;
            &:hover{
                background-position: -267px -287px;
            }
        }
        &.next{
            position: absolute;
            top: 50%;
            margin-top: -32px;
            right: 0;
            background-position: -83px -165px;
            &:hover{
                background-position: -332px -287px;
            }
        }
    }
    ul{
        li{
            position: absolute;
            top: 0;
            left: 0;
            list-style: none;
            opacity: 0;
            transition: all 0.3s ease-out;
            box-shadow: 8px 8px 20px rgba(0,0,0,.2);
            img{
                width: 512px;
                height: 321px;
            }
        }
    }
}